<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 当页面加载完毕后触发load事件
        // 所有图片 视频 css样式都加载完毕后才cu'fa
        // window.onload = function () {
        //     // 有一个js文件  或者一串js代码
        //     // 给别人用 别人不知道添到哪
            
        //     var div1 = document.querySelector('div');
        //     console.log(div1);
        // }
        // window.addEventListener('load',function(){
        //     var div1 = document.querySelector('div');
        //     console.log(div1);
        // });

        // 当页面加载完毕后触发
        // 区别：DOMContentLoaded 当页面dom树加载完毕后就触发
        window.addEventListener('DOMContentLoaded',function(){
            var div1 = document.querySelector('div');
            console.log(div1);
        });
    </script>
    <div>123123</div>

</body>

</html>